// 全选操作
var allInput = document.querySelector('header input');
allInput.oninput = function(){
    // 修改所有选项的状态与全选状态一致
    var inputs = document.querySelectorAll('ul input');
    for(var i = 0 ;i < inputs.length ; i++){
        inputs[i].checked = this.checked
    }
}
// 反选操作：
var button = document.querySelector('header button');
button.onclick = function(){
    // 所有的选项的状态取反
    for(var i = 0; i<inputs.length ; i++){
        
    }
}
// 监听
for(var i = 0 ; i<inputs.length;i++){
    inputs[i].oninput = function(){
        // 如果所有的选项都选中,那么全选也选中
        for(var j = 0 ; j < inputs.length ; j++){
            if(inputs[j].checked == false){
                allInput.checked = false ;
                break ;
            }
            // j能取到最大值，说明前一个if始终没有进入，也就是所有的选项input的checked都是true
            // 这个时候需要选中全选
            if(j == inputs.length - 1){
                allInput.checked = true ;
            }
        }
    }
}






